<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
    <title>学生商城</title>
    <link rel="stylesheet" href="../css/base.css"/>
    <link rel="stylesheet" href="../css/mui.min.css"/>
    <link rel="stylesheet" href="../css/mui_img.css"/>
    <link rel="stylesheet" href="../css/footer.css"/>
    <link rel="stylesheet" href="../css/business.css"/>
    <link rel="stylesheet" href="../css/market.css"/>
    <link rel="stylesheet" href="../css/slider_left.css"/>
</head>
<body>
<div id="content_layer">
    <!--侧滑部分-->
    <div id="left">
        <div class="header">
            <img src="../img/focus-img1.png" alt="" onclick="location.href='./head.html'"/>
            <div class="center">
                <em>七月的雪</em>
                <span onclick="location.href='./simple_abstruct.html'">待到山花烂漫时，她在丛中笑待到山花烂漫时，她在丛中笑待到山花烂漫时，她在丛中笑</span>
            </div>
        </div>
        <ul class="scroll">
            <li class="mui-table-view-cell">
                <a href="./my_purse.html" class="mui-navigate-right"> <i></i>&nbsp;&nbsp;&nbsp;&nbsp;钱包</a>
            </li>
            <li class="mui-table-view-cell">
                <a href="./my_post.html" class="mui-navigate-right"> <i></i>&nbsp;&nbsp;&nbsp;&nbsp;发布的帖子</a>
            </li>
            <li class="mui-table-view-cell">
                <a href="./my_market.html" class="mui-navigate-right"> <i></i>&nbsp;&nbsp;&nbsp;&nbsp;市场中心</a>
            </li>
            <li class="mui-table-view-cell">
                <a href="./my_employ.html" class="mui-navigate-right"> <i></i>&nbsp;&nbsp;&nbsp;&nbsp;应聘信息</a>
            </li>
            <li class="mui-table-view-cell">
                <a href="./seting.html" class="mui-navigate-right"> <i></i>&nbsp;&nbsp;&nbsp;&nbsp;设置</a>
            </li>
            <li class="mui-table-view-cell">
            </li>
            <li class="mui-table-view-cell">
            </li>
            <li class="mui-table-view-cell">
            </li>
            <li class="mui-table-view-cell">
            </li>
            <li class="mui-table-view-cell">
            </li>
            <li class="mui-table-view-cell">
            </li>
            <li class="mui-table-view-cell">
            </li>
            <li class="mui-table-view-cell">
            </li>
        </ul>
    </div>
    <div id="mask"></div>
    <div class="layer" id="layer">
        <header id="topbar">
        <img src="../img/focus-img1.png" alt="" id="show"/>
        <input type="text" id="search"/>
    </header>
        <nav>
            <a href="business.html" class="market"> <span>二手市场</span></a>
            <a href="local_market.html" class="local_market "> <span>本地商户</span></a>
            <a href="student_market.html" class="student_market active"> <span>学生商城</span></a>
        </nav>
        <div id="slider" class="mui-slider" >
            <div class="mui-slider-group mui-slider-loop">
                <!-- 额外增加的一个节点(循环轮播：第一个节点是最后一张轮播) -->
                <div class="mui-slider-item mui-slider-item-duplicate">
                    <a href="#">
                        <img src="../img/2.jpg">
                    </a>
                </div>
                <!-- 第一张 -->
                <div class="mui-slider-item">
                    <a href="#">
                        <img src="../img/2.jpg">
                    </a>
                </div>
                <!-- 第二张 -->
                <div class="mui-slider-item">
                    <a href="#">
                        <img src="../img/2.jpg">
                    </a>
                </div>
                <!-- 第三张 -->
                <div class="mui-slider-item">
                    <a href="#">
                        <img src="../img/2.jpg">
                    </a>
                </div>

                <!-- 额外增加的一个节点(循环轮播：最后一个节点是第一张轮播) -->
                <div class="mui-slider-item mui-slider-item-duplicate">
                    <a href="#">
                        <img src="../img/2.jpg">
                    </a>
                </div>
            </div>
            <div class="mui-slider-indicator">
                <div class="mui-indicator mui-active"></div>
                <div class="mui-indicator"></div>
                <div class="mui-indicator"></div>
            </div>
        </div>
        <nav class="clearfix">
            <ul class="clearfix">
                <li>
                    <img src="../img/market01.png" alt=""/>
                    <span>每日半价</span>
                </li>
                <li>
                    <img src="../img/market02.png" alt=""/>
                    <span>折上折</span>
                </li>
                <li>
                    <img src="../img/market03.png" alt=""/>
                    <span>新品上架</span>
                </li>
                <li>
                    <img src="../img/market04.png" alt=""/>
                    <span>清仓处理</span>
                </li>
            </ul>
        </nav>
        <div class="shop">
            <p>新品特惠</p>
            <ul class="clearfix">
                <li>
                    <a href="javascript:;">
                        <img src="../img/shop1.jpg" alt=""/>
                        <span>北欧魔豆吊灯客北欧魔豆吊灯客...</span>
                    <span class="price">
                        <i>￥39</i>
                        <em>￥110</em>
                    </span>
                    </a>
                </li>
                <li>
                    <a href="javascript:;">
                        <img src="../img/shop1.jpg" alt=""/>
                        <span>北欧魔豆吊灯客北欧魔豆吊灯客...</span>
                    <span class="price">
                        <i>￥39</i>
                        <em>￥110</em>
                    </span>
                    </a>
                </li>
                <li>
                    <a href="javascript:;">
                        <img src="../img/shop1.jpg" alt=""/>
                        <span>北欧魔豆吊灯客北欧魔豆吊灯客...</span>
                    <span class="price">
                        <i>￥39</i>
                        <em>￥110</em>
                    </span>
                    </a>
                </li>
                <li>
                    <a href="javascript:;">
                        <img src="../img/shop1.jpg" alt=""/>
                        <span>北欧魔豆吊灯客北欧魔豆吊灯客...</span>
                    <span class="price">
                        <i>￥39</i>
                        <em>￥110</em>
                    </span>
                    </a>
                </li>
            </ul>
        </div>
        <div class="like">
            <p>猜你喜欢</p>
            <ul class="clearfix">
                <li>
                    <a href="javascript:;">
                        <img src="../img/shop1.jpg" alt=""/>
                        <span>北欧魔豆吊灯客北欧魔豆吊灯客...</span>
                    <span class="price">
                        <i>￥39</i>
                        <em>销量 1123</em>
                    </span>
                    </a>
                </li>
                <li>
                    <a href="javascript:;">
                        <img src="../img/shop1.jpg" alt=""/>
                        <span>北欧魔豆吊灯客北欧魔豆吊灯客...</span>
                    <span class="price">
                        <i>￥39</i>
                        <em>销量 1123</em>
                    </span>
                    </a>
                </li>
                <li>
                <li>
                    <a href="javascript:;">
                        <img src="../img/shop1.jpg" alt=""/>
                        <span>北欧魔豆吊灯客北欧魔豆吊灯客...</span>
                    <span class="price">
                        <i>￥39</i>
                        <em>销量 1123</em>
                    </span>
                    </a>
                </li>
                <li>
                    <a href="javascript:;">
                        <img src="../img/shop1.jpg" alt=""/>
                        <span>北欧魔豆吊灯客北欧魔豆吊灯客...</span>
                    <span class="price">
                        <i>￥39</i>
                        <em>销量 1123</em>
                    </span>
                    </a>
                </li>
            </ul>
        </div>

        <footer>
            <ul class="clearfix">
                <li class="clearfix" onclick="location.href='./news.html'">
                    <i></i>
                    <em>资讯</em>
                </li>
                <li class="clearfix" onclick="location.href='./community.html'">
                    <i></i>
                    <em>社区</em>
                </li>
                <li class="clearfix" onclick="location.href='./publish.html'">
                    <i></i>

                </li>
                <li class="clearfix" onclick="location.href='./business.html'">
                    <i></i>
                    <em>交易</em>
                </li>
                <li class="clearfix" onclick="location.href='./work.html'">
                    <i></i>
                    <em>兼职</em>
                </li>
            </ul>
        </footer>
    </div>
</div>


</body>
<script src="../js/x_rem.js"></script>
<script src="../js/mui.min.js"></script>
<script src="../js/mui.zoom.js"></script>
<script src="../js/mui.preview.js"></script>
<script src="../js/base.js"></script>
<script src="../js/jquery.js"></script>
<script src="../js/left_slider.js"></script>
<script>
    mui.previewImage();
    $(function(){
        //自动轮播
        mui.init({

            swipeBack:true //启用右滑关闭功能
        });
        var slider = mui("#slider");
        slider.slider({
            interval: 2000
        });
        // a链接问题
// 监听tap事件，解决 a标签 不能跳转页面问题
        mui('body').on('tap','a',function(){document.location.href=this.href;});
    })
</script>
</html>